<template>
	<div style="padding:0.4rem 0.6rem;" @click="sendParams">		
		<section style="width: 100%;display: flex;flex-direction: column;background-color: white;">
			<section style="justify-content: left;align-items: center;display: flex;flex-direction: row;height: 2.8rem;padding: 0 0.5rem;">
				<span style="flex: 7;text-align: left;font-size: 1.1rem;">订单编号：{{BillNo}}</span>
				<mu-icon style="flex: 1;" value="keyboard_arrow_right" :size="26"/>
			</section>
			<section style="display: flex;flex-direction: column;justify-content: center;justify-content: left;padding: 0 0.5rem;">
				<span  class="card-item-child">物料名称：{{ItemName}}</span>		
				<span  class="card-item-child">客户名称：{{CustomName}}</span>
				<span class="card-item-child">订单数量：{{Qty}}</span>
			</section>
			<mu-divider></mu-divider>
		</section>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			ID:{
				type:Number
			},
			BillNo:{
				type:String,
				default:'100001'
			},
			CustomName:{
				type:String,
				default: ''
			},			
			Qty:{
				type:Number,
				default: 0
			},
			CustomID:{
				type:String,
				default:''
			},
			Time:{
				type:String,
				default:''
			},
			ItemName:{
				type:String,
				default:''
			},
			item:{
				type:[Object,String]
			}
						
		},
		methods:{
			sendParams(){
				let that = this
				
				localStorage.ID = that.ID
				localStorage.data = that.item
				
				that.$router.push(
					{path:'Q01GrantBillsForm',
					name: 'Q01GrantBillsForm',
					params:{
						ID: that.ID,						
						data: that.item
					}})
				
			}
		}
	}
</script>

<style>
	.card-item-child{
		text-align: left;
		font-size: 0.9rem;
		height: 1.6rem;
		color: #939393;
	}
</style>